<template>
	<view class="tag-box">
		<text class="custm-tag" :style="{BackgroundColor:bgcolor,Color:color,Border:border,borderRadius:bdradius}">
			{{text}}
		</text>
	</view>
</template>

<script>
	export default {
		name: "fy-user-tag",
		props: {
			text: { type: String },
			color: { type: String },
			bgcolor: { type: String },
			border:{ type : String},
			bdradius:{ type : String}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.tag-box{
		display: inline;
		align-items: center;
	}
	.custm-tag {
		font-size: 24upx; 
		margin-right:4upx;
		border-radius: 6upx;
		padding: 4upx 4upx;
	}
</style>